<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<include file="Public:base" />

<script type="text/javascript">
$(document).ready(function() {

	
	$("#logoimgupolad").change(function(e){
    	
        var file = e.target.files[0];
        if (file.type.indexOf("image") == 0) {
			if (file.size >= 2*1024*1000) {
				alert('您这张"' + file.name
						+ '"图片大小过大，应小于2M');
			} else {
				//
				var fReader = new FileReader();
		        //console.log(fReader);
		       //console.log(file);
		        fReader.onload=(function(var_file){
			       return function(e){
			          var img = $('<img id="roomimg" class="" src="'+e.target.result+'" alt="'+var_file.name+'" />');
			          $('#logoimgpreview').html(img);
			       }
			    })(file);
		        fReader.readAsDataURL(file);
			}
		} else {
			alert('文件"' + file.name + '"不是图片。');
		}
        
    });

    var editor = new Simditor({
	  textarea: $('#editor'),
	  upload:{
		  		url:"__MODULE__/Photos/uploadimg",
		  		params: {
		  			'is_editer':true
		  		},
		  		connectionCount: 3,
		  		leaveConfirm: '正在上传文件，如果离开上传会自动取消'
	  		},
	  toolbar: [
				'title',          // 标题文字
				'bold',           // 加粗文字
				'italic',         // 斜体文字
				'underline',      // 下划线文字
				'strikethrough',  // 删除线文字
				'|',
				'ol',             // 有序列表
				'ul',             // 无序列表
				'blockquote',     // 引用
				//'code',           // 代码
				'table',          // 表格
				'|',
				'link',           // 插入链接
				'image',          // 插入图片
				'hr',             // 分割线
				'|',
				'indent',         // 向右缩进
				'outdent'        // 向左缩进
	            ]
	  
	});
	
	$("#submit").on("click", function (event) {
		event.preventDefault();
		
		if($('#title').val()){
			if($('#artcate_id option:selected').val()){
				
				var formData = new FormData( $('#artadd')[0]);
				$.ajax({
			        url: '__URL__/create',
			        type: 'POST',
			        data: formData,
			        async: false,
			        cache: false,
			        contentType: false,
			        processData: false,
			        success: function (result) {
			        	if(result=="ok"){
							bootbox.alert("添加成功,可继续添加", function() {
								$('#artadd')[0].reset();
								//location.href = "__URL__/index{$flagurl}";
								
								editor.setValue('');
			             	});
			       		}else {
			       			bootbox.alert("添加失败", function() {
			             	});
			       		}
			        },
			        error: function(){
			        	bootbox.alert("添加失败", function() {
		             	});
			        },	
			    });
				
				
			}else{
				bootbox.alert("请选择资讯分类", function() {
	         	});
			}
			
	    }else{
	    	bootbox.alert("请输入标题", function() {
         	});
	    }
		
		
	});
	
	
	$("input[name='is_act']").on("click", function () {
		var ischeck = $(this).val();
		showendedat(ischeck);
	});
	
});

function showendedat(ischeck){
	if(ischeck==1){
		$('#show_ended_at').show();
	}else{
		$('#show_ended_at').hide();
	}
}



</script>

</head>
<body>
<include file="Public:header" />

<div class="home-index">
  <div class="container">
    <div class="row">
      <ol class="breadcrumb">
        <li>首页</li>
        <li><a class='' href="__URL__/index">资讯管理</a></li>
        <li class="active">添加资讯</li>
      </ol>
      <div class="comm-box">
        <form id="artadd" role="form" method="post" action="__URL__/create" enctype="multipart/form-data">
          <div class="form-group">
            <input type="text" class="form-control" id="title" name='title' placeholder="请输入标题...">
          </div>
		
		<div class="form-group">
			<label>分类</label> 
		 	<html:select id='artcate_id' name='artcate_id' style="form-control" options='catelist' first='请选择分类' />
		</div>
		
		<div class="form-group">
		 	<label>LOGO图片</label>
		 	<div  >
			 	<input type="file" id="logoimgupolad" name="logoimgpath"  placeholder="请点击上传">
		        <div id="logoimgpreview" class="upload_preview">
				</div>
        	</div>
         </div>
		
		<div class="form-group">
			<label>能否报名:</label> 
              	不能 <input type="radio"  name='is_act' value='0' checked="checked">
              	能 <input type="radio"  name='is_act' value='1' >
          </div>
       
       <div id='show_ended_at' class="form-group" style="display: none;">
			<label>报名截止日期</label> 
			<input type="text" name="ended_at" id="ended_at" class="form-control" placeholder="请选择截止时间">
          
        </div>   
          
          <div class="form-group">
            <textarea class="form-control" name='content' rows="3" id="editor" ></textarea>
          </div>
          <button type="button" id='submit' class="btn btn-primary">提交</button>
        </form>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
$(function(){
    $('#ended_at').datetimepicker({
      language:  'zh-CN',
      format: 'yyyy-mm-dd',
      autoclose: 1,
      startView:4,
      minView:2
    });

})
</script>

</body>
</html>